﻿Vue.component('footer-vue', {
    template: `
                 <div id="footer-vue">
                     <p>2018 <a href="#">LZ's Blog</a> - Hosted by <a href="#" style="font-weight: bold">Coding Pages</a></p>
                     <p>
                         <a href="#">京ICP备00000000号</a>
                     </p>
                 </div>`,
    data() {
        return {
            message: 'hello world'
        }
    }
});

Vue.component('mycomponent', {
    template: `<div>我的组件</div>`,
    data() {
        return{
            message:'一米阳光'
        }
    }
})